<template>
	<view class="all">
		
		<view class="txhjd">
			<div class="txhjd1">
			 <div class="touxiang">
			    <image src="@/static/logo.png"  alt="头像" class="touxiangtu" ></image>
			 </div>
			<div class="jindou">
				<image src="@/static/logo.png" alt="金豆" class="jindoutu" ></image>
					<text class="jindoushuliang">{{dou}}</text>
			</div>
			</div>
      </view>
		
		<view class="renshu">
			<image class="san" src="@/static/logo.png"></image>
			<image class="si" src="@/static/logo.png"></image>
			<image class="liu" src="@/static/logo.png"></image>
	</view>
		
	</view>
</template>

<script>
	export default{
		data (){
			return{
				dou:0
			}
		}
	}
</script>

<style>
	/*头像和金豆*/
	.txhjd{
		margin-top: 0rpx;
		background-color:aquamarine;
		height: 40rpx;
		width: 100%;
		
	}
	.txhjd1{
		display: flex;
		flex-direction: row;
		align-items: center;
		margin-left: 330rpx;
	}
	.touxiang{
		margin-top: 2.5rpx;
	}
	.touxiangtu{
		width: 35rpx;
		height: 35rpx;
		 border-radius: 100%;
	}
	.jindou{
		margin-left: 30rpx;
		background-color: antiquewhite;
		width: 90rpx;
		height: 30rpx;
		border-radius: 10%;
		display: flex;
		flex-direction: row;
		align-items: center;
	}
	.jindoutu{
		width: 30rpx;
		height: 30rpx;
		 border-radius: 100%;
	}
	.jindoushuliang{
		color: black;
		margin-left: 10rpx;
		font-size: 25rpx;
	}
	
	/*人数*/
	.renshu{
		background-color: black;
		width: 480rpx;
		height: 250rpx;
		margin-top: 44rpx;
		margin-left: 150rpx;
		background-color: antiquewhite;
 }
	.san{       
		  width: 140rpx;
		  height:230rpx;
		  margin-top:10rpx ;
		  margin-left: 10rpx;
	}
	.si{  
		  width: 140rpx;
	      height:230rpx;
		  margin-top:10rpx ;
		  margin-left: 20rpx;
	}
	.liu{  
		   width: 140rpx;
		   height:230rpx;
		   margin-top:10rpx ;
		   margin-left: 20rpx;
	}
</style>